@charset 'utf-8';
* {
    margin: 0;
    padding: 0;
    font-family: '黑体''Microsoft YaHei';
}

.body01 {
    width: 100%;
    position: relative;
    height: 539px;
    border: 0px solid #000;
}

.body01>img:first-child {
    width: 100%;
    min-width: 1200px;
    position: absolute;
    z-index: 1;
}

.body01>img:nth-child(2) {
    width: 150px;
    height: 65px;
    position: absolute;
    z-index: 3;
}

.nav {
    width: 100%;
    height: 65px;
    position: absolute;
    z-index: 2;
    background-color: rgb(255, 248, 240);
}

.head01 {
    min-width: 1000px;
    display: flex;
    flex: 1;
    justify-content: space-between;
    background-color: rgb(255, 248, 240);
    position: absolute;
    left: 180px;
    z-index: 2;
    border: 0px solid #000;
}

.box>a {
    width: 100px;
    height: 65px;
    padding: 15px 30px;
    color: black;
    text-decoration: none;
    font-size: 20px;
    line-height: 65px;
    text-align: center;
    background-color: rgb(243, 240, 240);
    border-right: 1px solid rgb(206, 199, 199);
}

.box2 {
    display: none;
    position: absolute;
}

.box3 {
    margin-left: 20px;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: black;
    background: linear-gradient(to top, rgb(196, 192, 192) 20%, rgb(250, 248, 248) 70%);
    list-style: none;
}

.box>a:hover {
    background-color: rgb(213, 217, 221);
}

.box:hover .box2 {
    display: block;
}

.header02 {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.section {
    color: antiquewhite;
    font-size: 16px;
    display: flex;
    position: absolute;
    left: 285px;
    top: 82px;
}

.section span:nth-child(1) {
    width: 85px;
}

.section span:nth-child(3) {
    margin-left: 20px;
    width: 70px;
}

.header02>p:nth-of-type(1) {
    width: 200px;
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: 280px;
    top: 200px;
    text-shadow: -2px 2px rgb(160, 156, 156);
}

.header02>p:nth-of-type(2) {
    width: 200px;
    font-size: 20px;
    font-style: italic;
    color: #fff;
    position: absolute;
    left: 290px;
    top: 260px;
    text-shadow: -2px 2px rgb(160, 156, 156);
}

.main {
    /* width: 100%; */
    height: 900px;
    background-color: #fff;
    position: relative;
    border: 0px solid #000;
}

.main>p:nth-of-type(1) {
    font-size: 25px;
    color: rgb(81, 82, 82);
    position: absolute;
    top: 60px;
    left: 300px;
}

.main>p:nth-of-type(2) {
    width: 570px;
    padding-left: 15px;
    background-color: rgb(222, 228, 226);
    font-size: 22px;
    font-style: italic;
    color: rgb(173, 177, 177);
    position: absolute;
    top: 100px;
    left: 430px;
}

.main01 {
    width: 70px;
    height: 70px;
    background-color: orange;
    border-radius: 50%;
    position: absolute;
    top: 200px;
    left: 320px;
    z-index: 2;
}

.main01>p {
    text-align: center;
    line-height: 70px;
    font-size: 14px;
    color: rgb(198, 201, 204);
}

.main02 {
    width: 650px;
    height: 70px;
    background-color: gray;
    position: absolute;
    top: 200px;
    left: 350px;
}

.main02>p {
    margin-left: 50px;
    padding: 15px 0 0 0;
    color: rgb(224, 220, 220);
    font-size: 15px;
}

.main02>a {
    text-decoration: none;
    margin-left: 50px;
    font-size: 12px;
    color: rgb(224, 220, 220);
}
.mainb:hover .main03{
    background-color: orange;
}
.mainb:hover .main04{
    background-color: gray;
}
.mainb:hover .main04>p{
    color: rgb(224, 220, 220);
}
.mainb:hover .main04>a{
    color: rgb(224, 220, 220);
}
.main03 {
    width: 70px;
    height: 70px;
    background-color: rgb(241, 182, 79);
    border-radius: 50%;
    position: absolute;
    top: 320px;
    left: 320px;
    z-index: 2;
}

.main03>p {
    text-align: center;
    line-height: 70px;
    font-size: 14px;
    color: rgb(198, 201, 204);
}

.main04 {
    width: 650px;
    height: 70px;
    background-color: rgb(231, 225, 225);
    position: absolute;
    top: 320px;
    left: 350px;
}

.main04>p {
    margin-left: 50px;
    padding: 15px 0 0 0;
    color: rgb(94, 91, 91);
    font-size: 15px;
}

.main04>a {
    text-decoration: none;
    margin-left: 50px;
    font-size: 12px;
    color: rgb(94, 91, 91);
}
.mainc:hover .main05{
    background-color: orange;
}
.mainc:hover .main06{
    background-color: gray;
}
.mainc:hover .main06>p{
    color: rgb(224, 220, 220);
}
.mainc:hover .main06>a{
    color: rgb(224, 220, 220);
}
.main05 {
    width: 70px;
    height: 70px;
    background-color: rgb(241, 182, 79);
    border-radius: 50%;
    position: absolute;
    top: 440px;
    left: 320px;
    z-index: 2;
}

.main05>p {
    text-align: center;
    line-height: 70px;
    font-size: 14px;
    color: rgb(198, 201, 204);
}

.main06 {
    width: 650px;
    height: 70px;
    background-color: rgb(231, 225, 225);
    position: absolute;
    top: 440px;
    left: 350px;
}

.main06>p {
    margin-left: 50px;
    padding: 15px 0 0 0;
    color: rgb(94, 91, 91);
    font-size: 15px;
}

.main06>a {
    text-decoration: none;
    margin-left: 50px;
    font-size: 12px;
    color: rgb(94, 91, 91);
}
.maind:hover .main07{
    background-color: orange;
}
.maind:hover .main08{
    background-color: gray;
}
.maind:hover .main08>p{
    color: rgb(224, 220, 220);
}
.maind:hover .main08>a{
    color: rgb(224, 220, 220);
}
.main07 {
    width: 70px;
    height: 70px;
    background-color: rgb(241, 182, 79);
    border-radius: 50%;
    position: absolute;
    top: 560px;
    left: 320px;
    z-index: 2;
}

.main07>p {
    text-align: center;
    line-height: 70px;
    font-size: 14px;
    color: rgb(198, 201, 204);
}

.main08 {
    width: 650px;
    height: 70px;
    background-color: rgb(231, 225, 225);
    position: absolute;
    top: 560px;
    left: 350px;
}

.main08>p {
    margin-left: 50px;
    padding: 15px 0 0 0;
    color: rgb(94, 91, 91);
    font-size: 15px;
}

.main08>a {
    text-decoration: none;
    margin-left: 50px;
    font-size: 12px;
    color: rgb(94, 91, 91);
}
.maine:hover .main09{
    background-color: orange;
}
.maine:hover .main10{
    background-color: gray;
}
.maine:hover .main10>p{
    color: rgb(224, 220, 220);
}
.maine:hover .main10>a{
    color: rgb(224, 220, 220);
}
.main09 {
    width: 70px;
    height: 70px;
    background-color: rgb(241, 182, 79);
    border-radius: 50%;
    position: absolute;
    top: 680px;
    left: 320px;
    z-index: 2;
}

.main09>p {
    text-align: center;
    line-height: 70px;
    font-size: 14px;
    color: rgb(198, 201, 204);
}

.main10 {
    width: 650px;
    height: 70px;
    background-color: rgb(231, 225, 225);
    position: absolute;
    top: 680px;
    left: 350px;
}

.main10>p {
    margin-left: 50px;
    padding: 15px 0 0 0;
    color: rgb(94, 91, 91);
    font-size: 15px;
}

.main10>a {
    text-decoration: none;
    margin-left: 50px;
    font-size: 12px;
    color: rgb(94, 91, 91);
}

.main11 {
    position: absolute;
    top: 800px;
    left: 350px;
    width: 650px;
    height: 20px;
    border-bottom: 1px solid rgb(209, 207, 207);
}

.main12 {
    display: flex;
    position: absolute;
    top: 850px;
    left: 500px;
}

.main12>button:nth-of-type(1) {
    font-size: 18px;
    color: rgb(73, 71, 71);
    border: 0;
}

.main12>button:nth-of-type(2) {
    margin: 0 15px;
    font-size: 18px;
    color: rgb(73, 71, 71);
    width: 32px;
    height: 28px;
    text-align: center;
    border: 1px solid rgb(184, 180, 180);
}

.main12>button:nth-of-type(3) {
    font-size: 18px;
    color: rgb(73, 71, 71);
    width: 32px;
    height: 28px;
    text-align: center;
    border: 1px solid rgb(184, 180, 180);
}

.main12>button:nth-of-type(4) {
    margin: 0 15px;
    font-size: 17px;
    color: rgb(73, 71, 71);
    width: 85px;
    height: 28px;
    text-align: center;
    border: 1px solid rgb(184, 180, 180);
}

.main12>button:nth-of-type(5) {
    font-size: 16px;
    color: rgb(63, 61, 61);
    width: 112px;
    height: 28px;
    text-align: center;
    border: 1px solid rgb(184, 180, 180);
}

.foot {
    width: 100%;
    height: 80px;
    background-color: rgb(116, 113, 113);
    position: relative;
}

.foot>p:first-child {
    position: absolute;
    top: 39px;
    left: 165px;
}

.foot02 {
    font-size: 15px;
    display: flex;
    color: rgb(224, 218, 218);
    position: absolute;
    top: 40px;
    left: 200px;
}

.foot02>p:nth-of-type(2) {
    margin: 0 20px;
}

.foot>p:last-child {
    font-size: 11px;
    color: rgb(218, 216, 216);
    position: absolute;
    top: 45px;
    left: 700px;
    overflow: hidden;
    white-space: nowrap;
}